@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
body{font-size: 14px; background: #f2f2f2; font-family: "Microsoft Yahei"; color: #404040;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #404040; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .6s ease; cursor: pointer;}
a:hover{color: #2db469 !important;}
em,i{font-style: normal;}

h1,h2,h3,h4,h5,h6,th,strong{font-weight: 800;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clear{zoom: 1;}
.clear:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.fl{float: left;}
.fr{float: right;}
.content{width: 1200px; margin: 0 auto; position: relative;}
/*头部*/
.Gotop{width: 60px; height: 60px; background: url(../images/r_top.png) no-repeat center; background-color: #232323; background-color: rgba(35,35,35,.6); display: none; position: fixed; right: 20px; top: 50%; margin-top: -30px; z-index: 9999; transition: all .8s; cursor: pointer;}
.Gotop:hover{filter: alpha(opacity: 60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.header{width: 100%; height: 110px; background: #fff; background: rgba(255,255,255,.6); border-top: 5px solid #04863e; position: fixed; left: 0; top: 0; z-index: 9999; -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s;}
.header.bgf{background: #fff;}
.logo{height: 76px; float: left; margin-top: 17px;}
.logo img{display: block; height: 76px;}
.head_tel{height: 46px; line-height: 46px; float: right; background: url(../images/htel_bg.png) no-repeat left center; font-size: 28px; color: #00479d; padding-left: 26px;}
.head_tel img{display: block; height: 22px; margin-top: 12px;}
.nav{max-width: 820px; float: right;}
.nav ul > li{float: left; height: 110px; margin-left: 2px; position: relative;}
.nav ul > li > a{color: #fff; display: block; height: 100%; padding: 0 10px; text-align: center; position: relative; overflow: hidden;}
.nav ul > li > a span{display: block; height: 22px; line-height: 22px; font-size: 16px; color: #262626; font-weight: normal; padding-top: 35px; position: relative; z-index: 2;}
.nav ul > li > a em{display: block; height: 18px; line-height: 18px; font-size: 12px; color: #737373; text-transform: uppercase; position: relative; z-index: 3;}
.nav ul > li.active > a,.nav ul > li:hover > a{background: url(../images/hnav_bg.png) repeat;}
.nav ul > li.active > a span,.nav ul > li.active > a em,.nav ul > li:hover > a span,.nav ul > li:hover > a em{font-weight: normal; color: #fff;}
.nav ul > li.active > i,.nav ul > li:hover > i{display: block;}
.nav_child{width: 100%; background: #2fb76c; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 110px; transition: all .6s;}
.nav_child li{text-align: center; border-bottom: 1px solid #cbece5;}
.nav_child li a{display: block; height: 40px; line-height: 40px; font-size: 12px; color: #fff;}
.nav_child li a:hover{background: #04863e; color: #fff !important;}
.nav ul > li:hover .nav_child{opacity: 1; visibility: visible;}
/*广告图轮播*/
.banner{height: 704px; overflow: hidden; position: relative;}
.banner .bd li{height: 704px; background-repeat: no-repeat; background-position: center top;}
.banner .bd li a{display: block; width: 100%; height: 100%;}
.banner .hd{width: 100%; text-align: center; position: absolute; left: 0; bottom: 52px;}
.banner .hd ul{display: inline-block; *display: inline; *zoom: 1;}
.banner .hd li{width: 14px; height: 14px; background: #fff; float: left; margin: 0 4px; cursor: pointer; border-radius: 50%;}
.banner .hd li.on{background: #04863e;}




.banner_r{margin:0 auto;width:100%;position:relative;height:450px;overflow:hidden; background:#f2f2f2;}
.banner_r .bd ul {width:100% !important;}
.banner_r .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner_r .bd li {width:100% !important;height:450px;overflow:hidden;text-align:center;}
.banner_r .bd li a {display:block;height:450px;}



/*搜索*/
.search{width: 100%; position: absolute; left: 0; top: -46px; z-index: 4;}
.search .content{background: #e9f5f3; padding: 15px 0; border-radius: 8px; border-bottom: 5px solid #2fb76c;}
.search_lt{width: 490px; float: left; margin: 5px 66px 0 30px; padding-right: 76px; position: relative;}
.search_form{height: 34px; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.search_form input[type="text"]{display: block; background: none; width: 446px; height: 34px; line-height: 34px; float: left; padding: 0 5px;}
.search_form input[type="submit"]{display: block; width: 34px; height: 34px; float: right; background: url(../images/arrow_btn.png) no-repeat -265px -144px; cursor: pointer;}
.search_lt > i,.search_tel > span{display: block; width: 1px; height: 40px; background: rgba(67,67,67,.2); position: absolute; right: 0; top: 14px;}
.search_hot{color: #333; line-height: 24px; margin-top: 6px;}
.search_hot a{font-size: 12px; margin-right: 14px; color: #333;}
.search_tel{width: 260px; min-height: 68px; float: left; margin-top: 5px; padding-left: 62px; position: relative; color: #323232;}
.search_tel > i{display: block; width: 56px; height: 56px; background: url(../images/arrow_btn.png) no-repeat -265px -178px; position: absolute; left: 0; top: 4px;}
.search_tel p.p1{line-height: 24px;}
.search_tel p.p2{line-height: 30px; font-family: "Arial"; font-size: 30px; font-weight: 700; margin-top: 6px;}
.search_rt{float: right; margin-right: 30px; padding-left: 80px; position: relative;}
.search_rt img{width: 80px; height: 80px; position: absolute; left: 0; top: 0;}
.search_rt p{width: 40px; line-height: 16px; text-align: center; font-weight: 600; color: #333;}
.search_rt p span{color: #ff0000;}
/*获取报价*/
.offer{background: #535353; padding: 60px 0; overflow: hidden;}
.offer_title{text-align: center; font-size: 32px; font-weight: 600; letter-spacing: 2px; color: #fff;}
.offer_box{margin-top: 26px;}
.offer_left{width: 640px; float: left; background: #ddd; border-radius: 10px;}
.offer_left_box{padding: 24px 40px;}
.offer_left_title{font-size: 20px; line-height: 30px; font-weight: 600; color: #404040;}
.offer_left_title span{color: #04863e;}
.offer_left_head{border-bottom: 2px solid #04863e;}
.offer_left_head ul{margin-right: -20px;}
.offer_left_head li{float: left; height: 40px; line-height: 40px; font-size: 16px; font-weight: 600; color: #04863e; margin-right: 20px;}
.offer_left_box li.offer_w1{width: 90px;}
.offer_left_box li.offer_w2{width: 136px;}
.offer_left_box li.offer_w3{width: 120px;}
.offer_left_box li.offer_w4{width: 154px;}
.offer_left_list{margin-top: 8px;}
.offer_left_list .bd{height: 220px; overflow: hidden;}
.offer_left_list .bd ul{margin-right: -20px;}
.offer_left_list .bd li{float: left; height: 44px; line-height: 44px; font-size: 16px; color: #737373; margin-right: 20px;}
.offer_left_list .bd li a{color: #737373;}
.offer_right{width: 520px; float: right; margin-top: 4px;}
.offer_form li{margin-bottom: 15px; height: 44px; padding-left: 74px; position: relative;}
.offer_form li.h_112{height: 112px;}
.offer_form li span{display: block; width: 68px; height: 44px; line-height: 44px; font-size: 18px; color: #fff; position: absolute; left: 0; top: 0;}
.offer_form li input[type="text"]{display: block; width: 426px; height: 44px; line-height: 44px; padding: 0 10px; background: #ccc; border-radius: 10px;}
.offer_form li textarea{display: block; width: 426px; height: 88px; line-height: 24px; background: #ccc; padding: 14px 10px; border-radius: 10px;}
.offer_form li a.online_zx,.offer_form li input[type="submit"]{display: block; width: 160px; height: 40px; line-height: 40px; float: right; margin-left: 14px; text-align: center; background: #04863e; color: #fff; cursor: pointer; font-size: 16px; border-radius: 4px; transition: all .4s;}
.offer_form li a.online_zx:hover,.offer_form li input[type="submit"]:hover{color: #fff !important; filter: alpha(opacity: 80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}
/*底部*/
.footer{overflow: hidden; color: #fff;}
.footer a{color: #fff;}
.foot_top{background: #262626; padding: 10px 0 20px 0;}
.foot_nav{padding: 12px 0; border-bottom: 1px dashed #fff;}
.foot_nav li{width: 133px; height: 30px; line-height: 30px; float: left; text-align: center; font-size: 16px;}
.foot_box{padding: 30px 0;}
.foot_tel{width: 360px; padding: 22px 20px 22px 0; float: left; border-right: 1px solid rgba(255,255,255,.2);}
.foot_tel_t1 span{display: inline-block; *display: inline; *zoom: 1; height: 28px; line-height: 28px; font-size: 16px; color: rgba(255,254,254,.6); padding: 0 8px; border: 1px solid rgba(255,255,255,.2);}
.foot_tel_t2{height: 44px; line-height: 44px; font-size: 32px; color: #04863e; font-weight: 800; margin-top: 4px;}
.foot_tel_t3{margin-top: 4px; color: rgba(255,255,255,.6);}
.foot_bdshare{height: 22px; line-height: 22px; padding-left: 64px; position: relative; margin-top: 12px;}
.foot_bdshare span{position: absolute; left: 0; top: 0;}
.foot_bdshare .bdsharebuttonbox a{padding: 0; margin: 0; margin-right: 8px; width: 22px; height: 22px; background: url(../images/arrow_btn.png) no-repeat -140px -217px; transition: all 0s;}
.foot_bdshare .bdsharebuttonbox a.bds_tsina{background-position: -162px -217px;}
.foot_bdshare .bdsharebuttonbox a.bds_sqq{background-position: -184px -217px;}
.foot_bdshare .bdsharebuttonbox a.bds_tqq{background-position: -206px -217px;}
.foot_bdshare .bdsharebuttonbox a.bds_qzone{background-position: -228px -217px;}
.foot_bdshare .bdsharebuttonbox a:hover{opacity: 1;}
.foot_bdshare .bdsharebuttonbox a.bds_weixin:hover{background-position: -140px -239px;}
.foot_bdshare .bdsharebuttonbox a.bds_tsina:hover{background-position: -162px -239px;}
.foot_bdshare .bdsharebuttonbox a.bds_sqq:hover{background-position: -184px -239px;}
.foot_bdshare .bdsharebuttonbox a.bds_tqq:hover{background-position: -206px -239px;}
.foot_bdshare .bdsharebuttonbox a.bds_qzone:hover{background-position: -228px -239px;}
.foot_contact{width: 356px; float: left; padding: 5px 86px; border-right: 1px solid rgba(255,255,255,.2);}
.foot_contact a{color: #595959;}
.foot_contact h3{line-height: 30px; font-size: 20px; font-weight: normal; margin-top: 4px;}
.foot_contact ul{margin-top: 8px;}
.foot_contact li{line-height: 24px; padding: 4px 0;}
.foot_wx{min-height: 108px; float: right; margin-top: 36px; padding-right: 136px; position: relative;}
.foot_wx img{width: 108px; height: 108px; position: absolute; right: 0; top: 0;}
.foot_wx p{line-height: 26px; margin: 15px 0;}
.foot_bottom{background: #535353; color: #bfbfbf; padding: 15px 0; line-height: 30px;}
.foot_bottom a{color: #bfbfbf;}
.foot_link{float: left; max-width: 720px;}
.foot_link a{margin-right: 14px;}
.foot_copy{max-width: 440px; float: right;}


.side_left{}


/*右侧菜单*/
.right_menu{width: 50px; position: fixed; right: 10px; top: 50%; margin-top: -200px; z-index: 9999; text-align: center; }
.right_menu > p{height: 50px; line-height: 50px; background: #eb9f0a; font-size: 14px; color: #fff; overflow: hidden;}
.right_menu > p a{display: block; width: 100%; height: 100%; color: #fff;}
.right_menu li{margin-top: 2px; width: 50px; height: 50px; background: #088b42; transition: all .8s; position: relative;}
.right_menu li i{display: block; width: 100%; height: 30px; padding-top: 10px;}
.right_menu li i.r_i1{background: url(../images/r_qq.png) no-repeat center 16px;}
.right_menu li i.r_i2{background: url(../images/r_tel.png) no-repeat center 16px;}
.right_menu li i.r_i3{background: url(../images/r_ewm.png) no-repeat center 16px;}




.right_menu li p{height: 32px; line-height: 32px; color: #fff; text-align: center;}
.right_menu li:hover{background: #078a42;}
.r_tel{width:100px; height: 50px; line-height: 50px; position: absolute; right: 50px; top: 0; background: #ffa200; font-size: 19px; color: #fff; transition: all .8s; opacity: 0; filter: alpha(opacity: 0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden;}
.right_menu li:hover .r_tel{opacity: 1; filter: alpha(opacity: 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible;}

.r_ewm{width:120px; height:120px; position: absolute; right: 50px; top:-20px; background: #fff; font-size: 19px; color: #fff; transition: all .8s; opacity: 0; filter: alpha(opacity: 0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden;}
.right_menu li:hover .r_ewm{opacity: 1; filter: alpha(opacity: 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible;}


.right_menu li.Gotop{background: none; cursor: pointer; display: none; transition: all 0s; margin-left:20px;}
.right_menu li.Gotop:hover{background: none;}
.right_menu li.Gotop a{display: block; width: 100%; height: 100%; transition: all .8s; background-image: url(../images/r_top.png); background-repeat: no-repeat; background-position: center; background-color: #2da767;}
.right_menu li.Gotop a:hover{background-color: #eb8637;}


        }
    
.yfeye{
    overflow: hidden;
}
.yfeye li{
    float: left;
    padding: 10px;
    font-size: 16px;
}
.yfeye li a:hover{
    color: #188EEE;
}